<html>
<head>
<link rel="stylesheet" type="text/css" href="user-manul.css" />
<title>User Manual - Manager</title>
</head>

<body>
	<div id="navigation_container">
		<div class="l-triangle-top"></div>
		<div class="l-triangle-bottom"></div>
		<div class="rectangle">
			<ul id="navigation">
			  <li><a href="customer.html">&#10029; Customer</a></li>
			  <li class="current"><a href="manager.html">&#10029; Manager</a></li>
			  <li><a href="representative.html">&#10029; Representative</a></li>
			</ul>
		</div>
		<div class="r-triangle-top"></div>
		<div class="r-triangle-bottom"></div>
	</div>
	<div class="mainmain">
		<div class="main">
			<div class="left">
				<h2>Manager Manual Lists</h2>
				<ul>
					<li><a href="#main" class="link-a">Manager User Interface Breakdown</a></li>
					<li><a href="#adduser" class="link-a">How to Add New User</a></li>
					<li><a href="#searchuser" class="link-a">How to Search User</a></li>
					<li><a href="#edituser" class="link-a">How to Edit User</a></li>
					<li><a href="#deleteuser" class="link-a">How to Delete User</a></li>
					<li><a href="#report-month" class="link-a">How to Obtain Sale Report</a></li>
					<li><a href="#all-list-stock" class="link-a">Produce a comprehensive listing of all stocks</a></li>
					<li><a href="#activestock" class="link-a">Produce a list of most actively traded stocks</a></li>
					<li><a href="#mostmoneystock" class="link-a">Produce a summary listing of revenue generated by a particular stock</a></li>
					<li><a href="#mostmoneystocktype" class="link-a">Produce a summary listing of revenue generated by a stock type</a></li>
					<li><a href="#mostmoneystockcus" class="link-a">Produce a summary listing of revenue generated by a customer</a></li>
					<li><a href="#orderbycus" class="link-a">Produce a list of orders by customer name</a></li>
					<li><a href="#orderbysym" class="link-a">Produce a list of orders by stock symbol</a></li>
					<li><a href="#setstockprice" class="link-a">Set the share price of a stock</a></li>
				</ul>
			</div>
			<div class="right">
				<div class="manual-section" id="main">
					<div class="scrtion-header">
						<p class="real-title">
							Manager's Main User Interface
						</p>
					</div>
					<div class="list-content">
						<img src="repre-main.jpg" id="figure-00"></img>
						<p class="figure">Figure 0.0</P>
						<ul class="main-bd">
							<LH>Manager User Interface Breakdown: main</LH>
							<p><b>1</b>: Name of the representative that you currently logged in as.</p>
							<p><b>2</b>: Function to add new user.</p>
							<p><b>3</b>: Function to search and edit user.</p>
							<p><b>4</b>: Function to manage order or view customer accounts.</p>
							<p><b>5</b>: Administration related functions.</p>
							<p><b>6</b>: Function to search for stocks.</p>
							<p><b>7</b>: Complete information about you.</p>
						</ul>
					</div>
				</div>
				<div class="manual-section" id="adduser">
					<div class="scrtion-header">
						<p class="real-title">
							How to add new user
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on the <b>Add a New User</b> button. (2 on <a href="#figure-00">Figure 0.0</a>), and you will be presented with the following form:</p>
						<img src="add-new-user.jpg"></img>
						<p class="figure">Figure 0.1</P>
						<p><b>2</b>: Fill out the form and click <b>Add User</b></p>
					</div>
				</div>
				<div class="manual-section" id="searchuser">
					<div class="scrtion-header">
						<p class="real-title">
							How to search user 
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on the <b>Search/Edit a User</b> button. (3 on <a href="#figure-00">Figure 0.0</a>), and you will be presented with something similar to the following:</p>
						<img src="search-user.jpg" id="figure-02"></img>
						<p class="figure">Figure 0.2</P>
						<p><b>2</b>: There are 3 method to search a user, either by <b>User Name</b>, <b>User ID</b> or <b>Last Name</b>, select a search method, input the value and click <b>Search</b> (1 on <a href="#figure-02">Figue 0.2</a>)</p>
						<p><b>3</b>: If a user exists, his information will be displayed like the following:</p>
						<img src="user-found.jpg" id="figure-03"></img>
						<p class="figure">Figure 0.3</P>
					</div>
				</div>
				<div class="manual-section" id="edituser">
					<div class="scrtion-header">
						<p class="real-title">
							How to edit user 
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on the <b>Search/Edit a User</b> button. (3 on <a href="#figure-00">Figure 0.0</a>), and you will be presented with something similar to the following:</p>
						<img src="search-user.jpg" id="figure-02"></img>
						<p class="figure">Figure 0.2</P>
						<p><b>2</b>: There are 3 method to search a user, either by <b>User Name</b>, <b>User ID</b> or <b>Last Name</b>, select a search method, input the value and click <b>Search</b> (1 on <a href="#figure-02">Figue 0.2</a>)</p>
						<img src="user-found.jpg" id="figure-03"></img>
						<p class="figure">Figure 0.3</P>
						<p><b>3</b>: Click on the user that you wish to edit. (1 on Figure 0.3), and you will be presented with the following form:</p>
						<img src="edit-user-new.jpg"></img>
						<p class="figure">Figure 0.4</P>
						<p><b>4</b>: Edit the all or some of the information you would like to change, and click <b>Change</b>.</p>
					</div>
				</div>
				<div class="manual-section" id="deleteuser">
					<div class="scrtion-header">
						<p class="real-title">
							How to delete user 
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on the <b>Search/Edit a User</b> button. (3 on <a href="#figure-00">Figure 0.0</a>), and you will be presented with something similar to the following:</p>
						<img src="search-user.jpg" id="figure-02"></img>
						<p class="figure">Figure 0.2</P>
						<p><b>2</b>: There are 3 method to search a user, either by <b>User Name</b>, <b>User ID</b> or <b>Last Name</b>, select a search method, input the value and click <b>Search</b> (1 on <a href="#figure-02">Figue 0.2</a>)</p>
						<img src="user-found.jpg" id="figure-03"></img>
						<p class="figure">Figure 0.3</P>
						<p><b>3</b>: Click on the user that you wish to edit. (1 on Figure 0.3), and you will be presented with the following form:</p>
						<img src="edit-user-new.jpg"></img>
						<p class="figure">Figure 0.4</P>
						<p><b>4</b>: Edit the all or some of the information you would like to change, and click <b>Change</b>.</p>
						<p><b>5</b>: Type "confirm" in the last input box (on Figure 0.4) and click <b>Delete</b> to delete the currently selected user.</p>
					</div>
				</div>
				<div class="manual-section" id="report-month">
					<div class="scrtion-header">
						<p class="real-title">
							How to obtain sale report for a given month
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="sale-report.jpg"></img>
						<p class="figure">Figure 0.5</P>
						<p><b>2</b>: Type in the start date and end date, then press <b>Generate Sales Report</b> to get the report for that given month</p>
					</div>
				</div>
				<div class="manual-section" id="all-list-stock">
					<div class="scrtion-header">
						<p class="real-title">
							Produce a comprehensive listing of all stocks
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="comprehensive.jpg"></img>
						<p class="figure">Figure 0.6</P>
						<p><b>2</b>: Click on <b>Comprehensive Stock List</b> to produce a comprehensive listing of all stocks.</p>
					</div>
				</div>
				<div class="manual-section" id="activestock">
					<div class="scrtion-header">
						<p class="real-title">
							Produce a list of most actively traded stocks
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="comprehensive.jpg"></img>
						<p class="figure">Figure 0.6</P>
						<p><b>2</b>: Click on <b>Most Actively Traded Stocks</b> to produce a list of most actively traded stocks.</p>
					</div>
				</div>
				<div class="manual-section" id="mostmoneystock">
					<div class="scrtion-header">
						<p class="real-title">
							Produce a summary listing of revenue generated by a particular stock
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="listmoney-stock.jpg"></img>
						<p class="figure">Figure 0.7</P>
						<p><b>2</b>: For "Generate Revenue Report by:", select <b>Stock Symbol</b>, enter the symbol of the stock and press <b>Generate Revenue Report</b> to get summary listing of revenue generated by this particular stock</p>
					</div>
				</div>
				<div class="manual-section" id="mostmoneystocktype">
					<div class="scrtion-header">
						<p class="real-title">
							Produce a summary listing of revenue generated by a stock type
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="3.jpg"></img>
						<p class="figure">Figure 0.8</P>
						<p><b>2</b>: For "Generate Revenue Report by:", select <b>Stock Type</b>, enter the type of the stock and press <b>Generate Revenue Report</b> to get summary listing of revenue generated by this particular stock type</p>
					</div>
				</div>
				<div class="manual-section" id="mostmoneystockcus">
					<div class="scrtion-header">
						<p class="real-title">
							Produce a summary listing of revenue generated by a customer
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="4.jpg"></img>
						<p class="figure">Figure 0.9</P>
						<p><b>2</b>: For "Generate Revenue Report by:", select <b>Customer ID</b>, enter the customer's ID and press <b>Generate Revenue Report</b> to get summary listing of revenue generated by this particular customer</p>
					</div>
				</div>
				<div class="manual-section" id="orderbycus">
					<div class="scrtion-header">
						<p class="real-title">
							Produce a list of orders by customer name
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="5.jpg"></img>
						<p class="figure">Figure 1.0</P>
						<p><b>2</b>: For "Generate Order List by:", select <b>Customer ID</b>, enter the customer's ID and press <b>Generate Order List</b> to get a list of all the orders from that customer.</p>
					</div>
				</div>
				<div class="manual-section" id="orderbysym">
					<div class="scrtion-header">
						<p class="real-title">
							Produce a list of orders by stock symbol
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="6.jpg"></img>
						<p class="figure">Figure 1.1</P>
						<p><b>2</b>: For "Generate Order List by:", select <b>Stock Symbol</b>, enter the stock symbol and press <b>Generate Order List</b> to get a list of all the orders from that stock.</p>
					</div>
				</div>
				<div class="manual-section" id="setstockprice">
					<div class="scrtion-header">
						<p class="real-title">
							Set the share price of a stock
						</p>
					</div>
					<div class="list-content">
						<p><b>1</b>: Click on <b>Aministration</b> (5 on <a href="#figure-00">Figure 0.0</a>),and locate the following form in the drop down:</p>
						<img src="8.jpg"></img>
						<p class="figure">Figure 1.2</P>
						<p><b>2</b>: Enter the stock symbol for the stock that you wish to edit, and click <b>Lookup</B></p>
						<p><b>3</b>: Enter the stock price that you want, and then click <b>Submit</b>. It should looks similar to the following:</p>
						<img src="10.jpg"></img>
						<p class="figure">Figure 1.3</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>